<!--  -->
<template>
        <echarts :option="option" class="histogram"/>
</template>

<script>
import echarts from '@/components/echarts/echarts';
export default {
	name: 'hisogram',
	data () {
		return {
			option: {
				// title: {
				// 	text: '「 柱状图 」',
				// 	textStyle: {
				// 		color: '#52def1'
				// 	},
				// 	top: 10,
				// },
				xAxis: {
					type: 'category',
					data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
				},
				yAxis: {
					type: 'value'
				},
				series: [{
					data: [120, 200, 150, 80, 70, 110, 130],
					type: 'bar',
					itemStyle: {
						color: '#5cfbff',
						shadowColor: '#5cfbff',
						shadowBlur: 20,
					},
				}],
				textStyle: {
					color: '#52def1'
				}
			}
		};
	},

	components: {
		echarts
	},

	computed: {},

	// mounted: {},

	methods: {}
};

</script>
<style lang='less' scoped>
    .histogram{
        width:100%;
        height:3.75rem /* 520/80 */
    }
</style>
